function eliminateStar(){

// 需求一：间隔出现星星
    // 步骤：
// 封装随机函数
function random(max,min){
    return Math.floor( Math.random() * (max-min+1)+min)
}
    // 1、写定时器
    var t1 = setInterval(function(){
        // 2、定时器中---造img
        var imgObj = document.createElement('img')
        imgObj.src = './img/星星.gif'
        // 3、定时器中---样式周边：定位、宽度、高度
        imgObj.style.position = 'absolute'
        var distance = random(200,210)
        imgObj.width = distance
        imgObj.height = distance
        var maxW = (window.innerWidth || document.documentElement.clientWidth) - distance
        var maxH = (window.innerHeight || document.documentElement.clientHeight) - distance
        imgObj.style.left = random(0,maxW) + 'px'
        imgObj.style.top = random(0,maxH) + 'px'
        // 4、将img追加到页面中
        document.querySelector('body').appendChild(imgObj)
    },800)
    

// 需求二：点击能够删除追加的img星星【利用事件委托技术】
    // 步骤：
    // 1、获取网页并绑定点击事件
    document.onclick = function(evt){
        // 2、事件处理函数中---获取事件对象
        var e = evt || window.event
        // 3、事件处理函数中---获取操作标签
        var target = e.target || e.srcElement
        // 4、事件处理函数中---判断点击的是否是星星，如果是就移出，不是就不管
        if(target.nodeName == 'IMG'){
            document.querySelector('body').removeChild(target)
            var spanObj = document.querySelector('.blood span')
                if (parseInt(spanObj.style.width) <= 190)
                {
                    var increase = 10
                    spanObj.style.width = ( parseInt(spanObj.style.width) + increase ) + "px"
                } else 
                {
                    spanObj.style.width = 200 + 'px'
                }
        }
    }


// 需求三：不消除星星血量减少，消除星星加血量
    // 步骤：
    // 1、写定时器
    var t2 = setInterval(function(){
        // 2、血条每过一秒减少10px，当血条减少至0px时，游戏结束
        var spanObj = document.querySelector('.blood span')
        var reduce = 10
        spanObj.style.width = ( parseInt(spanObj.style.width) - reduce ) + "px"

        if(spanObj.style.width == '0px'){
            clearInterval(t1)
            clearInterval(t2)
            document.onclick = null
            document.querySelector('.GameOver').style.display = 'block'
        }

    },1000)

}
